<!-- 盒子圆角圆角 -->
 <!DOCTYPE html>
 <html lang="en">
 <head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>盒子圆角</title>
    <style>
        div {
            /* 盒子居中 */
            margin: 30px auto;

            /* 盒子大小设置 */
            width: 200px;
            height: 200px;
            background-color: skyblue;

            /* 默认四个角 */
            /* border-radius: 20px; */

            /* 四个角位置记忆：从左上角顺时针赋值，没有取值的角与对角取值相同 */

            /* 四值:左上 右上 右下 左下 */
            /* border-radius: 10px 29px 40px 80px; */

            /* 三值：左上 右上+左下 右下 */
            /* border-radius: 10px 40px 80px; */

            /* 二值：左上+右下 右上+左下 */
            border-radius: 20px 80px;

        }
    </style>
 </head>
 <body>
    <div>盒子圆角</div>
 </body>
 </html>